<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="/WEB-INF/templates/templateMenu.xhtml">
	<ui:define name="body">
		<a4j:form>
			<rich:toolBar>
				<h:outputText styleClass="texto_negrito" value="Cadastro e Manutenção de Contas - Detalhe #{contaBean.contaSelecionada.nome}" />
				<rich:toolBarGroup location="right">
					
				</rich:toolBarGroup>
			</rich:toolBar>
		<h:panelGrid columns="2" width="auto" >	
			<h:panelGrid columns="2"  width="20%" >
				<rich:panel style="width:100%;height:500px;">
					<f:facet name="header">
						<h:outputText value="Opções" />
					</f:facet>
					<ui:include src="/includes/menuLateral.xhtml" />
				</rich:panel>
				</h:panelGrid>
				<h:panelGrid columns="1" id="panelTab" width="100%">
				<rich:tabPanel switchType="ajax" id="panelConta" height="500" width="800" binding="#{contaBean.tabConta}">
					<rich:tab label="Detalhes da Conta" id="tab1">
						<ui:include src="/includes/dados_conta.xhtml" />
					</rich:tab>
					<rich:tab label="Transações" id="tab2">
						<ui:include src="/includes/detalhe_conta_transacoes.xhtml" />
					</rich:tab>
				</rich:tabPanel>
			</h:panelGrid>
			</h:panelGrid>
		</a4j:form>
	</ui:define>
</ui:composition>

</html>